<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Dotcão</title>
<style type="text/css">
#accordion {
	width: 700px;
}
</style>

<link rel="stylesheet" type="text/css" href="css/input_selected.css" />
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/slide.css" />
<link rel="stylesheet" type="text/css" href="css/testimony.css" />
<link rel="stylesheet" type="text/css" href="css/forms.css" />
<script type="text/javascript" src="js/jquery/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery/jquery-ui-1.8.21.custom.js"></script>
<script type="text/javascript" src="js/parts/main-menu.js"></script>
<script type="text/javascript" src="js/register.js"></script>
<script type="text/javascript" src="js/input_selected.js"></script>
<script type="text/javascript" src="js/jquery/Jquery_form.js"></script>
<script type="text/javascript">


	$(function() {
		$('<div style="position: absolute; top: 20px; right: 10px;" />')
				.appendTo('body').themeswitcher();
	});
</script>

<script>
	$(function() {
		$("#accordion").accordion();
	});

	$(function() {
		$('form').jqTransform({
			imgPath : 'images/jqtr/img/'
		});
	});
</script>
</head>
<body>
	<div class="demo">
		<div id="accordion">
			<h3>
				<a href="#">Dados pessoais</a>
			</h3>
			<div>
				<p>
				<fieldset class="personal">
					<legend class="profile">Dados pessoais</legend>
					<label class="profile">Nome</label>
					<input id="name_user" type="text" /><br /> 
					<label class="profile">Sobrenome</label><input id="lastname_user" /><br /> 
					<label class="profile">Sexo</label>
					<div id="radio_gender">
						<input type="radio" id="radio1" name="type_gender"/><label
							for="radio1">Feminino</label> <input type="radio" id="radio2"
							checked="checked" name="type_gender"/><label for="radio2">Masculino</label>
					</div>
					<label class="profile">Data de nascimento</label>
					<div class="date">
						<input id="birthday" type="text" id="datepicker">
					</div><br/>
					<div class=".buttons">
						<button id="save">Atualizar</button>
						<button id="reset">Desfazer</button>
					</div>
				</fieldset>
				</p>
			</div>
			<h3>
				<a href="#">Animais</a>
			</h3>
			<div>
				<p>HERE IS LOAD THE ANIMALS</p>
			</div>
			<h3>
				<a href="#">Interesses</a>
			</h3>
			<div>
				<p>
				<fieldset class="personal">
					<legend class="profile">Interesses</legend>
					<label class="profile">Interesse</label> <select name="speedAa" id="speedAa"
						style="display: none;">
						<option value="Slower">Adotar animais</option>
						<option value="Slow">Doar animais</option>
						<option value="Slow">Compartilhar informações</option>
						<option value="Slow">Incentivar</option>
					</select>
				</fieldset>
				</p>
			</div>
			<h3>
				<a href="#" id="profile_adoption">Perfil de adoção</a>
			</h3>
			<div>
				<div id="load_profile_adoption">
					<p>
						<fieldset class="personal">
					<legend class="profile">Pefil de ado&ccedil;&atilde;o</legend>
					<label class="profile">Espécie</label> <select name="speedAa" id="speedAa"
						style="display: none;">
						<option>C&atilde;es</option>
						<option>Gatos</option>
					</select><br /> 
					<label class="profile">Ra&ccedil;a</label> <select name="speedAa" id="speedAa">
						<option>Ra&ccedil;a_1</option>
						<option>Ra&ccedil;a_2</option>
						<option>Ra&ccedil;a_3</option>
					</select><br/>
					<div id="test_resize">
						<div class="profile_center">Porte</div>
						<div id="radio_size_animal_adopt">
							<input type="radio" id="radio_size_small" checked="checked" name="type_size"/>
							<label for="radio_size_small">Pequeno</label> 
							<input type="radio" id="radio_size_medium" name="type_size"/>
							<label for="radio_size_medium">M&eacute;dio</label>
							<input type="radio" id="radio_size_big" name="type_size"/>
							<label for="radio_size_big">Grande</label>
						</div>
					<div>
				</fieldset>
					</p>
				</div>
			</div>
		</div>

	</div>
</body>
</html>